<template>
    <div>
        <h2>=========v-model 修饰符==================</h2>
        <h4>1,    v-model与.lazy修饰符。使得view改变数据时，不立马响应到model。而是当回车时或者input失去焦点时才响应</h4>
        <input type="text" v-model.lazy="message">
        {{message}}
    
        <h4>2,  v-model与.number修饰符     v-model绑定的数据修改值默认都是string类型。使用.number修饰符可以改为number类型</h4>
        <input type="number" v-model.number="age"><!-- type为number的input框只能输入数字。输入字母等没反应 -->
        {{age}}--{{typeof(age)}}<!-- 插值可以直接写表达式 -->
    
        <h4>3，  v-model与.trim修饰符   用来去掉数据左右两端的空格</h4>
        <input type="text" v-model.trim="name">
    </div>
</template>

<script>
export default {
  name: 'VmodelFix',
  data() {
    return {
        message:'修饰符',
        age:0,
        name:'     77 '
    }
  },
  computed:{

  },
  methods:{
    
  }
}
</script>
              